<template>
	<view class="expert">
		<view class="text">
			<view class="title">什么是账号权重分？</view>
			<text>账号权重分是平台对用户账号质量的一种评价，评价维度包括但不限于用户基础资料、实名认证、作品的播放量、点赞量、评论量、关注量等数据。</text>
			<view class="title">如何提高账号权重分？</view>
			<text>
				（1）作品的垂直领域一年只能修改一次。<br />
				（2）每个账号实名认证和基本资料设置为400分，内容质量为600分。<br />
				（3）近30天内作品不足12条，系统将视为是一个 普通账号，降低权重和流量推荐。<br />
				（4）作品内容跟选择垂直领域相符有助于提升权重分，否则扣分。
			</text>
			<view class="title">账号权重分有什么用？</view>
			<text>
				（1）新注册账号3个月后，权重分小于450创作内容只推荐给好友和粉丝。<br />
				（2）权重分越高，发布作品的起始流量越高。<br />
				（3）账号发布的作品质量越高，点赞，评论，收藏，观看时长等数据越高，越容易推送的大流量池，越容易上热门。<br />
				（4）从搜索账号进行的数据（点赞，评论，收藏，观看时长）不纳入推送机制。<br />
				（5）权重分不同发布内容后进入不同流量池，然后根据内容质量依次升级流量池，像更多用户推荐。如：权重分越高，发布后内容更容易直接进入更高流量池。
			</text>
		</view>

		<view class="table">
			<table align="center">
				<tr>
					<th>账号权重分</th>
					<th>流量池</th>
				</tr>
				<tr v-for="(item,index) in list" :key="index">
					<td>{{item.title}}</td>
					<td>{{item.text}}</td>
				</tr>
				<tr>
					<td rowspan='5' class="have">
						依次不同内容质量，升级到不同流量池中
					</td>
				</tr>
				<tr>
					<td>六级流量池</td>
				</tr>
				<tr>
					<td>七级流量池</td>
				</tr>
				<tr>
					<td>八级流量池</td>
				</tr>
				<tr>
					<td>九级流量池</td>
				</tr>
			</table>
		</view>

		<view class="footer">
			<!-- 当账号权重分达到500分后，即可申请成为达人，利用自身热度去短视频带货，每天都能有收益。 -->
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				list: [{
						title: '＜550',
						text: '低级流量池',
					},
					{
						title: '550-650',
						text: '一级流量池',
					},
					{
						title: '650-700',
						text: '二级流量池',
					},
					{
						title: '700-750',
						text: '三级流量池',
					},
					{
						title: '750-800',
						text: '四级流量池',
					},
					{
						title: '＞800',
						text: '五级流量池',
					},
				]
			}
		},
		methods: {

		}
	}
</script>

<style lang="less" scoped>
	.expert {
		padding: 0 32rpx 32rpx;
	}

	.text {
		.title {
			font-weight: 500;
			font-size: 36rpx;
			color: #131313;
			margin-bottom: 24rpx;
			margin-top: 50rpx;
		}

		text {
			font-size: 28rpx;
			color: #666666;
		}
	}

	.table {
		border-radius: 16rpx;
		border: 2rpx solid #FD2A53;
		overflow: hidden;
		margin-top: 40rpx;
		table {
			width: 100%;
			border-collapse: collapse;
			table-layout: fixed;

			th {
				background: #FD2A53;
				font-weight: 500;
				font-size: 28rpx;
				color: #FFFFFF;
				height: 72rpx;
			}
			
			tr {
				:last-child {
					border-right: 0;
				}
			}
			
			.have {
				border-right: 2rpx solid #FD2A53 !important;
			}

			td {
				font-size: 28rpx;
				color: #333333;
				text-align: center;
				height: 72rpx;
				word-wrap: break-word;
				padding: 0 36rpx;
				border-top: 2rpx solid #FD2A53;
				border-right: 2rpx solid #FD2A53;
				
			}
			
		}

	}

	.footer {
		font-size: 28rpx;
		color: #666666;
		margin-top: 48rpx;
	}
</style>